<template>
  <div class="state-current">
    <el-card
      shadow="never"
      class="aui-card--fill">
      <div
        slot="header"
        class="head">
        <h2>当前情况</h2>
      </div>

      <el-row :gutter="20">
        <el-col
          :span="12"
          v-for="item in ipList"
          :key="item.id"
          class="state-col">
          <state-current-card :ip="item.ip"/>
        </el-col>
      </el-row>

      <!--        with card display each ip situation-->
    </el-card>
  </div>
</template>

<script>
import sysStateMixins from '@/mixins/sys-state/sys-state.mixins'
import StateCurrentCard from './state.current.card'
export default {
  name: 'StateCurrent',
  components: { StateCurrentCard },
  mixins: [sysStateMixins],
  data () {
    return {

    }
  },
  mounted () {
    this.getIpList()
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.state-current {
}
</style>
